<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
		<script type="text/javascript" src="js/go_fish_online_script_board.js"></script>
		
		<link rel="stylesheet" type="text/css" href="css/go_fish_online_style.css" />
		<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Press+Start+2P' />
	</head>
	
	<body>
		<input type="hidden" name="gid" id="gid" value="1"/>
		<input type="hidden" name="eid" id="eid" value="-1"/>
		<input type="hidden" name="card" id="card" value=""/>
		<input type="hidden" name="target" id="target" value=""/>
		<input type="hidden" name="turn" id="turn" value=""/>
		<input type="hidden" name="userName" id="userName" value=""/>
	
		<img class="banner" src="images/banner-logo.png"/><br>
		
		<table class="container_table">
			<tr>
				<td>
					<table>
						<tr>
							<td><div id="opponents"></div></td>
						</tr>
					</table>
				</td>
				<td>
					<table class="misc_table">
						<tr>
							<td><div id="deck-picture"></div></td>
						</tr>
						<tr>
							<td><div id="turn-info"></div></td>
						</tr>
						<tr>
							<td align="center"><input class="go_fish_button" type="button" id="turn-btn" value="Confirm Turn"/> <input class="go_fish_button" type="button" id="exit-btn" value="Leave Game"/></td>
						</tr>
					</table>
					<br>
						<table class="misc_table">
							<tr>
								<td>Name:</td>
								<td><div id="playerName"></div></td>
							</tr>
							<tr>
								<td>Hand:</td>
								<td><div id="playerHand"></div></td>
							</tr>
							<tr>
								<td>Pairs:</td>
								<td><div id="playerPairs"></div></td>
							</tr>
						</table>
					<br>
						<table class="misc_table">
							<tr>
								<td><textarea class="go_fish_textarea" id="game-info" readonly="readonly" rows="5" cols="30"></textarea></td>
							</tr>
						</table>
				</td>
			</tr>
		</table>
	</body>
</html>

